<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Title -->
    <title>Login Page 6 | | Unify - Responsive Website Template</title>

    <!-- Required Meta Tags Always Come First -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <!-- Favicon -->
    <link rel="shortcut icon" href="../../favicon.ico">
    <!-- Google Fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800">
    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="./assets/vendor/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/vendor/icon-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./assets/vendor/icon-line-pro/style.css">
    <link rel="stylesheet" href="./assets/vendor/animate.css">

    <!-- CSS Unify -->
    <link rel="stylesheet" href="./assets/css/unify-core.css">
    <link rel="stylesheet" href="./assets/css/unify-components.css">
    <link rel="stylesheet" href="./assets/css/unify-globals.css">

    <!-- CSS Customization -->
    <link rel="stylesheet" href="./assets/css/custom.css">
</head>

<body>
    <main>
        <!-- Login -->
        <section class="g-min-height-100vh g-flex-centered g-bg-lightblue-radialgradient-circle">
            <div class="container g-py-100">
                <div class="row justify-content-center">
                    <div class="col-sm-8 col-lg-5">
                        <div class="u-shadow-v24 g-bg-white rounded g-py-40 g-px-30">
                            <header class="text-center mb-4">
                                <h2 class="h2 g-color-black g-font-weight-500">登 录</h2>
                            </header>

                            <!-- Form -->
                            <form class="g-py-15">
                                <div class="mb-4">
                                    <label class="g-color-gray-dark-v2 g-font-weight-600 g-font-size-13">Email:</label>
                                    <input
                                        class="form-control g-color-black g-bg-white g-bg-white--focus g-brd-gray-light-v4 g-brd-primary--hover rounded g-py-15 g-px-15"
                                        type="email" placeholder="johndoe@gmail.com">
                                </div>

                                <div class="g-mb-35">
                                    <div class="row justify-content-between">
                                        <div class="col align-self-center">
                                            <label
                                                class="g-color-gray-dark-v2 g-font-weight-600 g-font-size-13">密码:</label>
                                        </div>
                                        <div class="col align-self-center text-right">
                                            <a class="d-inline-block g-font-size-12 mb-2" href="#">忘记密码？</a>
                                        </div>
                                    </div>
                                    <input
                                        class="form-control g-color-black g-bg-white g-bg-white--focus g-brd-gray-light-v4 g-brd-primary--hover rounded g-py-15 g-px-15 mb-3"
                                        type="password" placeholder="Password">
                                    <div class="row justify-content-between">
                                        <div class="col-8 align-self-center">
                                            <label
                                                class="form-check-inline u-check g-color-gray-dark-v5 g-font-size-12 g-pl-25 mb-0">
                                                <input class="g-hidden-xs-up g-pos-abs g-top-0 g-left-0"
                                                    type="checkbox">
                                                <div class="u-check-icon-checkbox-v6 g-absolute-centered--y g-left-0">
                                                    <i class="fa" data-check-icon="&#xf00c"></i>
                                                </div>
                                                记住我
                                            </label>
                                        </div>
                                        <div class="col-4 align-self-center text-right">
                                            <button class="btn btn-md u-btn-primary rounded g-py-13 g-px-25"
                                                type="button">登录</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <!-- End Form -->

                            <footer class="text-center">
                                <p class="g-color-gray-dark-v5 g-font-size-13 mb-0">没有账号？ <a class="g-font-weight-600"
                                        href="signup.html">注册</a>
                                </p>
                            </footer>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Login -->
    </main>

    <div class="u-outer-spaces-helper"></div>


    <!-- JS Global Compulsory -->
    <script src="./assets/vendor/jquery/jquery.min.js"></script>
    <script src="./assets/vendor/jquery-migrate/jquery-migrate.min.js"></script>
    <script src="./assets/vendor/popper.js/popper.min.js"></script>
    <script src="./assets/vendor/bootstrap/bootstrap.min.js"></script>


    <!-- JS Unify -->
    <script src="./assets/js/hs.core.js"></script>

    <!-- JS Customization -->
    <script src="./assets/js/custom.js"></script>







</body>

</html>
